﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学历补贴</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/hover.css">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-base.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-index.css">

    <style>
        .btxm_bar_list .bar_item {
            width: 33%;
        }
    </style>
</head>
<body class="childrenBody">
<div class="xmfp_body">
    <a href="javascript:;" class="out_btn">
        <span> < </span> 广州市总工会《2018年学历教育补贴》
    </a>
</div>

<div class="row">

    <div class="col-sm-12 text-center">

        <div style="background-color: #ffffff;padding: 20px 0 50px">
            <div class="btxm_bar_list">
                <a href="javascript:;" class="bar_item state">
                    <i></i>
                    <em></em>
                    <span class="hr-fr"></span>
                    <h4>生成结算单</h4>
                    <p>第一步</p>
                </a>

                <a href="javascript:;" class="bar_item">
                    <i></i>
                    <em></em>
                    <span class="hr-fl"></span>
                    <span class="hr-fr"></span>
                    <h4>上传回执凭证</h4>
                    <p>第二步</p>
                </a>
                <a href="javascript:;" class="bar_item">
                    <i></i>
                    <em></em>
                    <span class="hr-fl"></span>
                    <h4>查看发放清单</h4>
                    <p>第三步</p>
                </a>

            </div>
        </div>

    </div>

    <div class="col-sm-12">
        <div class="kc_list_success">
            <div class="kc_item">
                <p>本次符合资格的职工数</p>
                <strong>35584</strong>
            </div>
            <div class="kc_item">
                <p>补贴总金额</p>
                <strong>35584万</strong>
            </div>
        </div>
    </div>


    <div class="col-sm-12">
        <div  style="background-color: #ffffff;text-align: center;padding: 20px 20px 0">
            <table class="table table-bordered  table-hover table_center">
                <thead>
                <tr>
                    <th>姓名/身份证</th>
                    <th>单位/隶属工会</th>
                    <th>电话</th>
                    <th>补贴支出项</th>
                    <th>金额</th>
                    <th>开户银行/开户支行</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>付晨楼 <br>3621541201522010</td>
                    <td>广州远程交运中心 <br>越秀区工会</td>
                    <td>15145454545</td>
                    <td>中级员工</td>
                    <td><strong>￥300</strong></td>
                    <td>中国银行 <br>龙口西路</td>
                </tr>
                <tr>
                    <td>付晨楼 <br>3621541201522010</td>
                    <td>广州远程交运中心 <br>越秀区工会</td>
                    <td>15145454545</td>
                    <td>中级员工</td>
                    <td><strong>￥300</strong></td>
                    <td>中国银行 <br>龙口西路</td>
                </tr>
                <tr>
                    <td>付晨楼 <br>3621541201522010</td>
                    <td>广州远程交运中心 <br>越秀区工会</td>
                    <td>15145454545</td>
                    <td>中级员工</td>
                    <td><strong>￥300</strong></td>
                    <td>中国银行 <br>龙口西路</td>
                </tr>
                </tbody>
            </table>

            <div  style="background-color: #ffffff;text-align: center">
                <ul class="pager page_danger">
                    <li class="previous"><a href="#">« 上一页</a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">6</a></li>
                    <li><a href="#">7</a></li>
                    <li><a href="#">8</a></li>
                    <li><a href="#">9</a></li>
                    <li><a href="###" data-toggle="pager" data-placement="top">...</a></li>
                    <li><a href="#">12</a></li>
                    <li class="next"><a href="#">下一页 »</a></li>
                    <div class="input-group" style="width: 100px;float: left;margin-left: 10px">
                        <input type="text" class="form-control">
                        <span class="input-group-btn">
                    <button class="btn btn-danger" type="button">GO</button>
                </span>
                    </div>
                    <li><div class="pager-label">共 <strong>89</strong> 页</div></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="col-sm-12">
        <div class="nav_list_2">
            <div class="text_title">选择您的代发银行  <span>我们会根据您选择的代发银行生成对应的表格</span></div>
        </div>

        <div class="yhxz_list">
            <div class="form_item"><i class="iconfont icon-zhongguoyinhang1"></i></div>
            <div class="form_item"><i class="iconfont icon-jiaotongyinhang"></i></div>
            <div class="form_item"><i class="iconfont icon-zhongguojiansheyinhang"></i></div>
            <div class="form_item"><i class="iconfont icon-zhongguogongshangyinhang-"></i></div>
            <div class="form_item"><i class="iconfont icon-zhongguonongyeyinhang"></i></div>
        </div>
    </div>

    <div class="col-sm-12">
        <div class="text-center" style="margin-top: 20px">
            <button type="button" class="btn btn-danger btn-lg">确定并下载</button>
        </div>
    </div>

</div>

<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/js/zui.min.js"></script>


<script>
    $(function(){
        $('.yhxz_list').on('click','.form_item', function () {
            $(this).addClass('active').siblings().removeClass('active') ;
        })
    });

</script>
</body>
</html>